    @font30: 30px;
    @font32: 32px;
    @color: #E85730;

    .f_brandOperationTwo {
      width: 100%;
      min-height: 100%;
      background-color: #167A4A;
      padding-top:88px;

      #topHeaderComponent {
        .top-header{
          background: #167A4A!important;
        }

        .back-arrow{
          width: 34px;
          height: 34px;
          display: inline-block;
          vertical-align: text-bottom;
        }

        .top-header-title {
          color: #FFFFFF;
          font-size: 38px;
          letter-spacing: 5px;
        }
      }
      .top_image {
        width: 88%;
        margin: 30px auto 22px;
      }
      .title_box1,
      .title_box2 {
        position: absolute;
        opacity: 0.65;
        font-size: 28px;
        color: #F0EE8C;
      }
      .title_box1 {
        top: 400px;
        left: 138px;
        transform: rotate(-20deg);
      }

      .title_box2 {
        top: 350px;
        right: 157px;
        transform: rotate(20deg);
      }
      .avatar {
        position: relative;
        .user_imgs {
          width: 146px;
          height: 146px;
          margin: 0 auto 10px;
        }
  
        .modify_image {
          width: 43px;
          height: 43px;
          position: absolute;
          bottom: 10px;
          left: 400px;
        }
      }
      
      .user_name {
        display: flex;
        flex-direction: row;
        align-items: center;
        color:#FFFFFF;
        font-size: @font32;
        display: flex;
        align-items: center;
        justify-content: center;

        .user_sex_g,
        .user_sex_b {
          margin-left: 20px;
          margin-top: 4px;
          display: inline-block;
          width: 20px;
          height: 34px;
        }
        .user_sex_g {
          background: url('../../../static/image/brandOperationOne/f_sex_g.png')100% center/100% no-repeat;
        }

        .user_sex_b {
          background: url('../../../static/image/brandOperationOne/f_sex_b.png')100% center/100% no-repeat;
        }
      }

      .message {
        width: 690px;
        height: auto;
        margin: 33px auto;
        border: 2px solid #fff;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        font-size: @font30;
        padding: 30px;
        color: #fff;

        .date {
          display: flex;
          justify-content: center;
          align-items: center;
          padding-left: 18px;
          color: #167A4A;
          font-size:30px;
          font-weight:500;
          margin: auto;
          width: 330px;
          height: 56px;
          background: url('../../../static/image/brandOperationOne/l_infobg.png')100% center/100% no-repeat;
        }
        .user_star {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center;
          margin: 36px 0 32px;

          .star_s {
            margin-left: 10px;
            display: inline-block;
            width: 32px;
            height: 32px;
            margin-top: 8px;
            background: url('../../../static/image/brandOperationOne/f_star2.png')100% center/100% no-repeat;
          }

          .star_k {
            margin-left: 10px;
            display: inline-block;
            width: 32px;
            margin-top: 8px;
            height: 32px;
            background: url('../../../static/image/brandOperationOne/f_star1.png')100% center/100% no-repeat;
          }
        }
      }

      .content {
        width: 690px;
        height: auto;
        margin: 30px auto 20px;
        background:rgba(255,253,233,0);
        border: 2px solid #fff;
        border-radius: 10px;
        padding: 30px 30px 0;

        .content_images {
          border: none !important;
          display: flex;
          justify-content: center;
          align-items: center;
          padding-left: 18px;
          color: #167A4A;
          font-size:30px;
          font-weight:500;
          margin: auto;
          width: 330px;
          height: 56px;
          background: url('../../../static/image/brandOperationOne/l_infobg.png')100% center/100% no-repeat;
        }

        .title {
          font-size: @font30;
          color: #F0EE8C;
          margin-top: 19px;
        }

        .box {
          font-size: 28px;
          color: #FEFEFE;
          margin: 20px 0;
        }

        div {
          &:not(:last-of-type) {
            border-bottom: 1px solid #67A98A; /*no*/
          }
        }
      }

      .hint {
        font-size: 24px;
        color: #F0EE8C;
        text-align: center;
        margin: 20px 0 40px;
      }

      .btn_box {
        color:#167A4A;
        font-size: 34px;
        width: 84%;
        margin: auto;
        display: flex;
        justify-content: space-between;
        // margin-top: 39px;
        padding:0 .4rem .4rem;
        .btn_share,
        .btn_resolve {
          display: flex;
          justify-content: center;
          align-items: center;
          font-weight: 550;
          width: 45%;
          height:80px;
          border:2px solid rgba(23, 103, 65, 1); 
          border-radius:40px;
          box-shadow: 6px 6px 2px  #FFFCD8;
        }
        .btn_share {
          background-color: #F0EE8C;
        }
        .btn_resolve {
          background-color: #FBD941;
        }
      }
    }
